@media screen and (max-width: 1680px) {
    body {
        min-width: 1680px;
    }

    /* .nav{margin-right: 3.5%;} */
    /* .logo{width: 300px;} */
    .indexfivecont {
        width: 100%;
    }

}

@media screen and (max-width: 1440px) {
    body {
        min-width: 100%;
    }

    .logo {
        margin-left: 1.5%
    }

    /* .city{width: ;} */
    .nav {
        margin-right: 1.5%;
    }

    .indexone_left {
        width: 50%;
    }

    .indexone_right {
        width: 50%;
    }

    .indextwo {
        height: auto;
    }

    .indextwo .cy-w-6 {
        width: 50%;
    }

    .indextwo .cy-w-4 {
        width: 50%;
    }

    .indextwo .bx-wrapper .bx-viewport {
        height: 460px !important;
    }

    .indextwo .bx-wrapper img {
        height: 100%;
    }

    .indextwo .bx-wrapper .bx-next {
        left: 20%
    }

    .indexthree {
        height: auto;
    }

    .indexthree_one {
        width: 31.33333%;
        height: auto;
        min-height: 300px;
        padding-left: 2%;
    }

    .indexthree_one .indexthree_c {
        left: 30px;
        bottom: 0px;
    }

    .indexthree_two .indexthree_d {
        height: auto;
    }

    .indexthree_two .indexthree_d a {
        height: auto;
    }

    .indexthree_two .indexthree_d img {
        min-height: auto;
    }

    .indexfour_left {
        width: 33.33333%;
    }

    .indexfour_right {
        width: 66.66666%;
    }

    /*.indexfour_right .indexfour_b img{width: 100%;height:auto;}*/

    .indexfivecont {
        width: calc(100% - 20px);
        padding: 0 10px;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    .indexfivecont p {
        margin-right: 0px;
        float: none;
    }

    .foot {
        width: calc(100% - 20px);
        padding: 30px 10px;
    }

    .footleft {
        width: 25%;
    }

    .footcont {
        padding: 0 25px;
        width: calc(55% - 55px)
    }

    .footright {
        width: 20%;
        padding-left: 0px
    }

    .aboutone {
        width: calc(100% - 20px);
        padding-left: 10px;
        padding-right: 10px;
    }

    .aboutone_left {
        /*width: 610px; padding-left:40px;*/
    }

    .abouttwo_a {
        width: 50%;
        height: auto;
    }

    .abouttwo_b {
        width: calc(50% - 50px);
        padding: 90px 0px 0px 50px;
    }

    .aboutfive .cw1500 {
        width: calc(100% - 100px);
        padding: 0px 50px;
    }

    .aboutfive ul li {
        width: 21%;
        padding: 0 2%;
        margin-right: 0px;
    }

    .aboutfive ul li img {
        min-height: auto;
    }

    .productone {
        width: calc(100% - 20px);
        padding-left: 10px;
        padding-right: 10px;
    }

    .producttwo_left {
        padding-left: 50px;
        width: 520px;
        min-height: 445px;
    }

    .producttwo_title {
        padding-top: 25px;
    }

    .producttwo_right img {
        min-height: 445px;
    }

    .producttwo_more {
        bottom: 5%;
    }

    .peodetailone_right {
        width: calc(100% - 504px);
        padding-left: 50px;
        padding-right: 50px;
    }

    .peodetailtwo {
        width: calc(100% - 504px);
        padding-left: 50px;
        padding-right: 50px;
    }

    .peodetailtwo img {
        width: 100%;
    }

    .question_list {
        width: calc(100% - 100px);
        padding: 80px 50px;
    }

    .downloadlist {
        width: calc(100% - 100px);
        padding: 80px 50px;
    }

    .downloadlist ul li {
        width: calc(50% - 40px);
        margin-right: 40px;
    }

    .personnel_headfr {
        padding-top: 50px;
    }

    .contactus_feedback {
        padding-top: 10px;
    }

    .contactus .productone_one {
        display: none;
    }

}

@media screen and (max-width: 1280px) {
    /* .header{height: 80px;}
	.logo{height: 80px}
	.nav{width:900px}
	.nav ul li a{width: 128px;height:80px;line-height:80px;font-size: 18px;}
	.pt135{padding-top: 80px;}
	.nav ul li .navchild{top:81px;} */
}

@media screen and (max-width: 1024px) {
    body {
        min-width: 100%;
    }

    .nav {
        display: none;
    }

    .mbbottom {
        height: 60px;
        background: #fff;
        position: fixed;
        z-index: 999;
        bottom: 0px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #e8e8ea;
    }
    ._detail-text{
        margin-top: 0px;
    }
    .seeMore{
        width: 100%;

    }
    .seeMore i{
        margin-top: 12px;
        margin-right: 4px;
        float: none;
    }

     .seeMore a{
        display: block;
        width: 155px;
        border-radius: 5px;
        background-color: #fff;
        line-height: 30px;
        margin: 20px auto;
        text-align: center;
        color:#333;
        box-shadow:1px 1px 10px #ddd;
        line-height: 35px;
        padding-left: 4px;
     }
    .more_detail{
    margin-top: 10px;
    }
    .detail_content img{
        max-width: 100%;
        height: auto !important;
    }
        .detail_content table{
            width:100% !important;
        }

       .noimg i {
            font-size: 20px;
            color: #ddd;
            /* margin: 100px auto; */
            display: block;
            /* width: 50px; */
            /* height: 50px; */
            padding-top: 30%;
            padding-left: 40%;
        }

    .mbbottom dl {
        width: 16%;
        position: relative;
        font-size: 12px;
    }

    .mbbottom dd {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .mbbottom dd img {
        height: 20px;
    }

    .mbbottom dt {
        text-align: center;
        padding-top: 5px;
    }

    .mbbottom a dt {
        color: #000;
    }

    .mbboy {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: absolute;
        top: -43px;
        left: -20px;
        background: #fff;
        border-top: 1px solid #e8e8ca;
    }

    .mbnav,
    .mbmenu {
        display: block;
    }

    .mbnav {
        height: 80px;
        display: flex;
        align-items: center;
    }

    .mbmenu {
        width: 165px;
        height: 100%;
        position: fixed;
        right: -250px;
        top: 60px;
        z-index: 1000;
        background: #fafbfc;
        display: block;
        box-shadow: 0 5px 10px 0 #cbcbcc
    }

    .mbmenu ul li {
        display: block;
        float: left;
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        border-bottom: 1px solid #eee
    }

    .mbmenu ul li a {
        color: #333;
        font-size: 15px;
        padding-left: 30px;
    }

    .showmb {
        display: block;
        margin-right: 15px;
        width: 30px
    }

    .showmb img {
        width: 100%
    }

    .fadeInRight {
        -webkit-animation: fadeInRight .6s .2s ease both;
        -moz-animation: fadeInRight .6s .2s ease both
    }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: .6;
            right: -200px
        }

        100% {
            opacity: 1;
            right: 0
        }
    }

    @-moz-keyframes fadeInRight {
        0% {
            opacity: .6;
            right: -200px
        }

        100% {
            opacity: 1;
            right: 0
        }
    }

    .fadeOutRight {
        -webkit-animation: fadeOutRight .6s .2s ease both;
        -moz-animation: fadeOutRight .6s .2s ease both
    }

    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1;
            right: 0
        }

        100% {
            opacity: .6;
            right: -250px
        }
    }

    @-moz-keyframes fadeOutRight {
        0% {
            opacity: 1;
            right: 0
        }

        100% {
            opacity: .6;
            right: -200px
        }
    }

    .aboutone_left {
        padding-top: 45px;
    }

    .aboutone_right img {
        width: 100%;
    }

    .abouttwo_b {
        padding-top: 45px;
    }

    .abouttwo_a .bx-wrapper .bx-prev {
        left: 10px;
    }

    .aboutthree .aboutone_title {
        width: 100%;
    }

    .aboutthree_text {
        width: 100%;
    }

    .aboutfour .aboutone_title {
        width: 100%;
    }

    .aboutfour .aboutfour_text {
        width: 100%;
    }

    .aboutfour_cont {
        width: 100%;
    }

    .aboutfour_cont .aboutfour_ul {
        width: 580px;
    }

    .aboutfour_li {
        margin-right: 40px;
    }

    .aboutfour_text1 {
        width: calc(100% - 580px);
        padding-top: 40px;
    }

    .aboutfour_text1 .aboutfourtext1 {
        font-size: 20px;
    }

    .aboutfive .cw1500 {
        width: 100%;
    }

    .aboutfive ul li {
        width: 21%;
        padding: 0 2%;
        margin-right: 0px;
    }

    .aboutfive ul li img {
        min-height: auto;
    }

    .productone {
        padding-top: 110px;
    }

    .producttwo_left {
        width: calc(50% - 20px)
    }

    .producttwo_more {
        right: 10px;
    }

    .producttwo_right {
        height: 601px;
        overflow: hidden;
    }

    .producttwo_right img {
        height: 100%;
        min-height: auto;
        width: auto;
    }

    .newsdetail_one {
        padding-top: 110px;
    }

    .newsdetail_title {
        width: calc(100% - 20px);
        padding: 0 10px;
    }

    .newsdetail_two {
        width: 100%;
    }

    .newsdetail_left {
        width: calc(65% - 41px);
        padding: 50px 20px 50px 20px
    }

    .newsdetail_right {
        width: calc(35% - 40px);
        padding: 0 20px;
    }

    .personnel_headfr .productone_two {
        margin-top: 30px;
    }

    .recruitcont {
        width: 98%;
        height: 60%;
        top: 10%;
    }

    .recruit_head {
        width: 90%;
        padding: 0 5%;
    }

    .recruit_head_title {
        font-size: 20px;
        width: 80%;
    }

    .recruit_back {
        width: 10%
    }

    .recruit_back a {
        padding-right: 0px;
    }

    .recruit_detail {
        width: 90%;
        padding: 15px 5%;
    }

    .aboutone_2 {
        font-size: 30px;
    }

    .aboutone_3 {
        font-size: 16px;
    }

    .personnel_headfr {
        padding-left: 30px;
        width: calc(50% - 30px);
        padding-top: 30px;
    }

    /*----- Download -----*/
    .downloadlist {
        width: calc(100% - 20px);
        padding: 40px 10px;
    }

    .downloadlist ul li {
        width: 100%;
    }

    .downloadlist ul li span.fl {
        padding-left: 10%;
        width: 67%
    }

    .downloadlist ul li a.fr {
        width: 16%;
        font-size: 16px;
    }

    .question_list {
        width: calc(100% - 20px);
        padding: 30px 10px;
    }

    .contactus_text {
        margin-top: 0px;
    }

    .contactus {
        padding: 20px 0;
    }

    .contactus_map {
        width: 100%;
    }
}

@media screen and (max-width: 769px) {



    body {
        min-width: 100%;
    }

    .cw1500 {
        width: 100%;
    }

    .header {
        height: 60px;
    }

    .headcont {
        width: 100%;
        height: 100%;
    }

    .logo {
        width: 30%;
        height: 36px;
        margin-left: 30px;
        margin-top: 12px;
    }

    .city {
        width: 40%;
        margin-left: 10px;
        margin-top: 22px;
        font-size: 14px !important;
        line-height: inherit;
    }

    .city p span {
        padding-left: 2px;
        padding-right: 2px;
    }

    .city p img {
        margin-right: 2px;
    }

    .city h4 {
        font-size: 14px;
        padding-top: 1px;
        float: left;
        padding-left: 5px;
    }

    .nav {
        display: none;
    }

    .mbnav,
    .mbmenu {
        display: block;
    }

    .mbnav {
        height: 60px;
        display: flex;
        align-items: center;
    }

    .mbmenu {
        width: 200px;
        height: 510px;
        position: fixed;
        right: -250px;
        top: 60px;
        z-index: 1000;
        background: #fafbfc;
        display: block;
        box-shadow: 0 5px 10px 0 #cbcbcc;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 10px;
    }

    .mbmenu ul li {
        display: block;
        float: left;
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-bottom: 1px solid #eee
    }

    .mbmenu ul li a {
        color: #333;
        font-size: 15px;
    }

    .el-icon-arrow-right {
        float: right;
        margin-top: 17px;
        margin-right: 10px;
    }

    .showmb {
        display: block;
        margin-right: 15px;
        width: 30px
    }

    .showmb img {
        width: 100%
    }

    .fadeInRight {
        -webkit-animation: fadeInRight .6s .2s ease both;
        -moz-animation: fadeInRight .6s .2s ease both
    }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: .6;
            right: -200px
        }

        100% {
            opacity: 1;
            right: 0
        }
    }

    @-moz-keyframes fadeInRight {
        0% {
            opacity: .6;
            right: -200px
        }

        100% {
            opacity: 1;
            right: 0
        }
    }

    .fadeOutRight {
        -webkit-animation: fadeOutRight .6s .2s ease both;
        -moz-animation: fadeOutRight .6s .2s ease both
    }

    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1;
            right: 0
        }

        100% {
            opacity: .6;
            right: -250px
        }
    }

    @-moz-keyframes fadeOutRight {
        0% {
            opacity: 1;
            right: 0
        }

        100% {
            opacity: .6;
            right: -200px
        }
    }

    .banmobel {
        bottom: 15px;
    }

    .banmobel img {
        width: 17px;
        height: 26px;
        position: relative;
        top: 0px;
        animation: myMove 5s infinite;
        -webkit-animation: myMove 2s infinite;
    }

    @keyframes myMove {
        0% {
            top: 0px;
        }

        100% {
            top: -20px;
        }
    }

    @-webkit-keyframes myMove {
        0% {
            top: 0px;
        }

        100% {
            top: -20px;
        }
    }

    /* 底部footer */
    .footer {
        display: none;
    }

    .foot {
        margin-top: 0px;
    }

    .phone_video video {
        width: 100%;
    }

    .mbfooter {
        display: block;
        width: 100%;
        background-color: #32365d;
        overflow: hidden;
        padding-bottom: 100px;
    }

    .mbfootleft2 {
        float: right;
        width: 60%;
    }

    .mbfootleft2_one {
        width: 100%;
        height: 70px;
        margin-top: 40px;
    }

    .mbfootleft2_one a {
        color: #fff;
    }

    .mbfootleft2_one h3 {
        font-size: 24px;
        color: #fff;
        font-weight: bold;
    }

    .mbfootleft2_one p {
        font-size: 15px;
        color: #adaeb9;
        padding-top: 5px;
    }

    .mbfootleft2_two {
        width: 100%;
        height: 70px;
    }

    .mbfootleft2_two {
        width: 100%;
        height: 70px;
        margin-top: 48px;
    }

    .mbfootleft2_two h3 {
        font-size: 21px;
        color: #fff;
    }

    .mbfootleft2_two p {
        font-size: 15px;
        color: #adaeb9;
        line-height: 25px;
    }

    .mbfootleft2_three {
        width: 100%;
        height: 60px;
        margin-top: 60px;
    }

    .mbfootleft2_three p {
        font-size: 12px;
        color: #adaeb9;
    }

    .mbfootleft3 {
        width: 30%;
        float: left;
        font-size: 22px;
        text-align: center;
        color: #fff;
    }

    .mbfootleft3 p {
        margin-top: 10px;
        font-size: 17px;
    }

    .mbfootleft3 img {
        margin-top: 15px;
    }

    /* 招贤纳士 */
    .more_indexone {
        width: 90%;
    }

    .more_nav {
        display: none;
    }

    .trick_box {
        margin-top: 40px;
        width: 100%;
        margin-bottom: 5px;
        border-bottom: 5px solid rgb(239, 239, 239);
    }

    .trick_banner {
        background-size: 100% 100%;
    }

    .trick_one {
        width: 100%;
        overflow: hidden;
    }

    .trick—content {
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .trick—content img {
        width: 6px;
        height: 6px;
        margin-bottom: 3px;
        margin-left: 30px;
        margin-right: 8px;
    }

    .trick-title {
        margin-top: 25px;
        width: 100%;
    }

    .titleleft {
        width: 34%;
        height: 35px;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }

    .titleleft span {
        float: left;
        line-height: 35px;
        padding-left: 15px;
    }

    .titleleft p {
        line-height: 35px;
        font-size: 15px;
        float: left;
        padding-left: 6px;
    }

    .titleright {
        line-height: 35px;
        height: 35px;
        margin-top: 0px;
        display: none;
    }

    .trick—content span {
        width: 60%;
        color: #7d7d7d;
    }

    .trick_two {
        width: 60%;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .phtricklx1 {
        float: right;
        width: 100px;
        height: 35px;
        border: 1px solid #c63e45;
        color: #c63e45;
        text-align: center;
        line-height: 35px;
        font-size: 14px;
        border-radius: 5px;
        cursor: pointer;
        display: block;
    }

    #tle {
        color: #c63e45
    }

    /* 搬家窍门 */
    #key {
        margin-top: 20px;
    }

    .investment_f {
        width: 100%;
    }

    .investment_title div.on {
        width: 22%;
        height: 30px;
        font-size: 15px;
        line-height: 30px;
    }

    .investment_title div.on a {
        width: 100%;
    }

    .investment_title div {
        width: 22%;
        height: 30px;
        font-size: 13px;
        line-height: 30px;
        margin-right: 5px;
    }

    .investment_title div a {
        width: 100% !important;
    }

    #myul li span.hand {
        cursor: pointer;
        background: url(../images/right_red.png) no-repeat right 10px center;
    }

    #myul li span.current {
        cursor: pointer;
        background: url(../images/down.png) no-repeat right 10px center;
    }

    #myul li .hid p a {
        width: 100% !important;
    }

    #myul li .hid p {
        width: 90%;
    }

    #myul li .hid {
        width: 100%;
    }

    #myul li span {
        width: 100%;
        padding-left: 0px;
    }

    #myul li span p {
        padding-left: 20px;
    }

    #myul li {
        width: 100%;
    }

    #myul {
        width: 100%;
    }

    .investment_con {
        width: 100%;
    }

    .m-style .active {
        margin: 0 3px;
        width: 26px;
        height: 26px;
        line-height: 26px;
    }

    .m-style a {
        margin: 0 3px;
        width: 26px;
        height: 26px;
        line-height: 26px;
    }

    .M-box11 .prev {
        left: 65%;
        width: 50px;
        height: 26px;
    }

    .M-box11 .next {
        left: 83%;
        width: 50px;
        height: 26px;
    }

    .M-box11 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    /* 服务评价 */
    .p20 {
        display: none;
    }

    .main—time {
        display: block;
    }

    .box-main {
        width: 100% !important;
    }


    .ad_indexone .el-card__body {
        width: 90%;
        padding: 15px 5%!important;
    }

    .el-card__body {
        width: 100%;
        padding: 0px !important;
    }

    .ck {
        float: right;
        margin-top: 3px;
    }

    .box-head {
        width: 100% !important;
        padding-right: 0px !important;
    }

    .mortime {
        display: block;
        line-height: 20px;
        color: #333333;
        float: none !important;
        padding-top: 6px;
        top: -4px !important;
    }

    .box-head2 {
        width: 70%;
        padding-bottom: 5px;
        float: left;
        padding-bottom: 0px;
    }

    .boxhead4 {
        width: 100% !important;
        margin-top: 10px;
    }

    .morepic {
        float: left;
        padding: 10px 0 !important;
    }

    .tpshow {
        margin-top: 18%;
        margin-bottom: 20px;
        height: 70px;
    }

    .headpics {
        width: 120px !important;
        height: 64px !important;
    }

    .el-card {
        border-bottom: 1px solid #dbdbdb !important;
        box-shadow: none !important;
        border-radius: 5px !important;
        border-top: 1px solid #dbdbdb !important;
        border-left: 1px solid #dbdbdb !important;
        border-right: 1px solid #dbdbdb !important;
    }

    .xx {
        float: left;
        width: 187px;
        margin-top: 5px;
        display: block;
        clear: none !important;
        margin-top: -10px !important;
        margin-left: 75px;
    }

    .headpic {
        width: 110px !important;
        padding: 1px 0 6px !important;
    }

    .f19 {
        font-size: 14px !important;
    }

    /* .box-head{width: 100% !important;padding-right: 0px !important;}
     .wh60{width: 70px !important;height: 70px !important;}
     .box-head3{width: 70px;height: 70px;padding-right: 8px;}
     .xxxx{float: left;width: 147px;margin-top: 5px;display: block;}
     .colorbababa{font-size: 10px;}
     .f19{font-size: 13px !important;}
     .morepic{float: left;}
     .xx{display: none;}
     .box-head2{width: 70%;padding-bottom: 5px;float: left;padding-bottom: 0px;}
     .headpic{ width: 110px !important; padding: 1px 0 6px !important;}
     .main—time{float: left;display: block;line-height: 20px;color: #333333;}
     .el-card__body{padding: 0px !important;}
     .el-card{border-bottom: 1px solid #cccccc!important;box-shadow: none !important;    border-radius: 0px !important;border-top: 1px solid #fff !important;border-left: 1px solid #fff !important;border-right: 1px solid #fff !important;}
     .boxhead4{width: 100% !important;position: relative;}
	 .mortime{position:absolute;right: 9px;top: -75px;width: 25% !important;}
	 .mortext{width: 100% !important;}
	 .boxhead4 div{padding-top: 20px;}
     .morepic{padding: 10px 0 !important;}
     .tpshow{float: left;padding-top: 0px !important;}
     .headpics{width: 119px !important;height: 89px !important;padding-top: 0px !important;}
     .box-card{margin-top: 30px;} */
    /* 公司动态 */
    .trends_one {
        width: 100%;
        margin-top: 0px;
    }

    .trends_one dl {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .trends_one dl dd {
        width: 40%;
        height: 105px !important;
    }

    .trends_one dl dd img {
        width: 100%;
        height: 100px;
        margin-top: 2px;
    }

    .trends_time {
        display: none;
    }

    .trends_one dl dt {
        float: right;
        width: 58%;
        margin-left: 0px;
    }

    .trends_one dl dt h4 {
        padding-top: 0px;
        font-size: 15px;
    }

    .trends_one dl dt span {
        display: none;
    }

    .trends_one dl dt p {
        font-size: 10px;
        display: block;
    }

    .pctshow {
        display: none;
    }

    .phtshow {
        display: block;
    }

    .trends_one dl dt h5 {
        float: right;
        color: #333333;
    }

    .trends_one dd span {
        position: absolute;
        top: 10px;
        left: 5px;
        background: #32365d;
        color: #fff;
        border-radius: 20px;
        font-size: 10px;
        padding: 3px 5px 3px 5px;
    }

    .trends_one dl dt h5 {
        float: right;
        color: #333333;
        padding-top: 6px;
    }

    .trends_one dl dt p {
        font-size: 10px;
        display: block;
        padding-top: 5px;
        -webkit-box-orient: vertical;
        height: 44px;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

    /* 动态详情 */
    ._detail-right {
        display: none;
    }

    .more_detail {
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

    ._detail-lfet {
        width: 100%;
        box-shadow: none;
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
    }

    ._detail-text {
        width: 100%;
    }

    .dtpcshow {
        display: none;
    }

    .dtphshow {
        display: block;
    }

    ._detail-text img {
        width: 100%;
        height: 230px;
        margin-top: 10px;
    }

    ._detail-text p {
        padding-top: 20px;
    }

    ._detail-text span {
        display: none;
    }

    .more_np {
        width: 100%;
        margin-top: 0px;
    }

    .more_np p {
        display: block;
        float: left;
        padding-left: 0px;
        padding-top: 30px;
    }

    .more_next {
        padding-bottom: 40px;
    }

    .more_banner {
        background-size: 100% 100%;
    }

    /* ._detail-lfet{height: 1250ox;} */


    /* 关于我们 */
    .tip_banner {
        background-size: 100% 100%;
    }

    .swiper1 .el-carousel--horizontal {
        overflow-x: visible;
    }

    #swiper1 .el-carousel__arrow {
        width: 28px;
        height: 28px;
    }

    #swiper2 .aboutpics {
        width: 57% !important;
        height: 103px !important;
        margin-left: 30px;
    }

    /* .brief{width: 95%;} */
    .about_brief {
        display: none;
    }

    .phone_brief {
        display: block;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .phone_brief_box {
        width: 95%;
    }

    ._brief_box_title {
        display: block;
        margin-bottom: 15px;
        height: 25px;
        margin-top: 25px;
    }

    ._brief_box_title span {
        display: block;
        width: 2px;
        height: 25px;
        background: #ca2c39;
        float: left;
    }

    ._brief_box_title a {
        float: left;
        font-size: 20px;
        padding-left: 15px;
    }

    ._brief_box_title p {
        float: left;
        line-height: 28px;
        padding-left: 20px;
        color: #bdbcbc;
        font-weight: bold;
    }

    .phone_brief_box .dl_title {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        float: left;
        padding-left: 50px;
        padding-bottom: 10px;
    }

    .phone_brief_box dl {
        width: 100%;
        margin-top: -20px;
    }

    .phone_brief_box dl dt {
        color: #666666;
        font-size: 16px;
        line-height: 25px;
        width: 95%;
        margin: auto;
        padding-top: 20px;
    }

    .phone_brief_box dl dd {
        width: 95%;
        margin: auto;
    }

    .phone_brief_box dl dd img {
        width: 100%;
    }

    .xdbj_03 {
        width: 100%;
        height: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .glory {
        display: none;
    }

    .phone_glory {
        display: block;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fafafa;
    }

    .phone_glory_box {
        width: 95%;
    }

    .glory_title {
        float: left;
        margin-bottom: 10px;
    }

    .glory_title div.on {
        line-height: 30px !important;
    }

    .glory_con {
        width: 100%;
        height: 200px;
    }

    .glory_title div {
        width: 90px !important;
        height: 30px !important;
        float: left !important;
        margin-top: 5px !important;
        margin-left: 20px !important;
        line-height: 30px;
    }

    .next1 {
        width: 25px;
        height: 25px;
        top: 70px;
    }

    .next1 img {
        width: 25px;
        height: 25px;
    }

    .prev1 {
        width: 25px;
        height: 25px;
        top: 70px;
    }

    .prev1 img {
        width: 25px;
        height: 25px;
    }

    .next2 {
        width: 25px;
        height: 25px;
        top: 70px;
    }

    .next2 img {
        width: 25px;
        height: 25px;
    }

    .prev2 {
        width: 25px;
        height: 25px;
        top: 70px;
    }

    .prev2 img {
        width: 25px;
        height: 25px;
    }

    .aboutpics2 {
        float: left;
        padding-left: 30px !important;
        width: 38%;
    }

    .paboutpics2 {
        padding-left: 15px !important;
    }

    .aboutpics {
        width: 100% !important;
        height: 103px !important;
        margin-top: 30px;
    }

    .aboutpics4 {
        padding-left: 42px !important;
        width: 31%;
    }

    .el-image {
        width: 100%;
        height: 150px;
    }

    .course {
        display: none
    }

    .phone_course {
        width: 100%;
    }

    .phone_course_box {
        width: 95%;
        margin: auto;
    }

    ._brief_box_content {
        width: 100%;
        background: url(../images/phone_ta_02.png)no-repeat;
    }

    .phone_course_one {
        float: left;
    }

    .phone_course_left {
        width: 20%;
        float: left;
    }

    ._course_left1 {
        width: 30%;
        float: left;
    }

    ._course_left1 img {
        width: 20px;
        height: 25px;
        margin-top: 58px;
        margin-bottom: 15px;
    }

    ._course_left1 span {
        display: block;
        width: 1px;
        height: 112px;
        background: #cccccc;
        margin: auto;
    }

    ._course_left2 {
        width: 55%;
        float: right;
    }

    ._course_left2 {
        line-height: 145px;
        font-size: 16px;
        color: #333333;
        font-weight: bold;
    }

    .phone_course_one dl {
        width: 76%;
        float: right;
        margin-top: 5%;
    }

    .phone_course_one dl dt {}

    .phone_course_one dl dt h4 {
        font-size: 14px;
        font-weight: bold;
        padding-top: 5px;
    }

    .phone_course_one dl dt p {
        line-height: 19px;
        padding-top: 9px;
        font-size: 10px;
    }

    .phone_course_one dl dd {}

    .phone_course_one dl dd img {
        width: 100%;
        height: 122px;
    }

    ._course_left3 {
        width: 30%;
        float: left;
    }

    ._course_left3 img {
        width: 20px;
        height: 25px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    ._course_left3 span {
        display: block;
        width: 1px;
        height: 82px;
        background: #cccccc;
        margin: auto;
    }

    .phone_course_dj {
        width: 100px;
        height: 40px;
        border: 1px solid #c43f48;
        color: #c43f48;
        line-height: 40px;
        text-align: center;
        border-radius: 5px;
        margin: auto;
        margin-top: 30px;
        float: left;
        margin-left: 130px;
    }

    .phone_course {
        display: block;
    }

    .case {
        width: 100%;
    }

    .case_box {
        width: 95%;
        margin: auto;
        margin-top: 20px;
    }

    .case_top {
        display: none;
    }

    .glory_top h4 {
        display: none;
    }

    .teamwork_title {
        float: left !important;
        width: 100%;
        overflow: auto;
        height: 64px;
        white-space: nowrap;
    }

    .teamwork_box {
        width: 95%;
        margin: auto;
    }

    .glory_top {
        width: 100%;
    }

    .teamwork_title div {
        width: 23%;
        margin-top: 10px;
        margin-left: 1%;
        display: inline-block;
        float: none
    }

    .teamwork_title div.on {
        width: 23%;
    }

    .teamwork_con_list {
        width: 100%;
    }

    .teamwork_con_list img {
        width: 37%;
        float: none;
        margin: 6%;
    }

    .phonetype {
        display: none !important;
    }

    .case_bottom {
        width: 100%;
    }

    #picBox {
        width: 100%;
        margin-bottom: 0px;
    }

    #picBox .tempWrap {
        float: left;
    }

    #picBox .picimg2 {
        width: 90%;
        margin-left: 10%;
        height: 70%;
    }

    #picBox li img {
        width: 55%;
        height: 175;
    }

    #picBox .text {
        width: 44%;
        margin-right: 10px;
        margin-top: 25px;
    }

    #picBox .text h3 {
        font-size: 20px;
        padding-top: 10px;
    }

    #picBox .text p {
        line-height: 24px;
        height: 60px;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
    }

    #picBox .text img {
        width: 50px;
        height: 11px;
        float: right;
        margin-top: 10px;
    }

    #picBox .hd {
        bottom: -364px;
        position: initial;
    }

    /* 案例列表 */
    .book_banner {
        background-size: 100% 100%;
    }

    /* 案例详情 */
    .book_banner {
        background-size: 100% 100%;
    }

    .book_box {
        display: none;
    }

    .book_box {
        width: 100%;
        margin-top: 25px;
        background: red;
    }

    .phone_box {
        width: 98%;
        margin: auto;
        display: block;
    }

    .phone_box_top {
        margin-top: 25px;
        width: 100%;
        background: url(../images/ggxxm.jpg)no-repeat;
        background-size: 100% 100%;
        overflow: hidden;
    }

    .phone_box_top1 {
        width: 88%;
        margin: auto;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .phone_box_top h3 {
        color: #fff;
        font-weight: bold;
        line-height: 35px;
        width: 100%;
        margin: auto;
        margin-bottom: 5px;
    }

    .phone_box_top h3 span {
        width: 3px;
        height: 18px;
        background: #fff;
        float: left;
        display: block;
        margin-top: 9px;
        margin-right: 10px;
    }

    .phone_box_top p {
        font-size: 10px;
        color: #fff;
        line-height: 25px;
        width: 100%;
        margin: auto;
    }

    .phone_box_content {
        width: 100%;
    }

    .phone_box_text {
        color: #b7b7b7;
        line-height: 25px;
    }

    .phone_box_img {
        margin-top: 20px;
    }

    .phone_box_img img {
        width: 45%;
        margin: 2%;
    }

    .phone_box_bottom {
        width: 100%;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .phone_box_bottom_img {
        margin-top: 15px;
    }

    .phone_box_bottom_img div {
        width: 45%;
        margin: 2%;
        position: relative;
        overflow: hidden;
        float: left;
    }

    .phone_box_bottom_img div span {
        position: absolute;
        bottom: 0px;
        display: block;
        overflow: hidden;
        width: 100%;
        text-align: center;
        background: #333333;
        opacity: 0.7;
        color: #fff !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .phone_box_bottom_img div img {
        width: 100%;
    }

    .phone_img_ {
        color: #8c8c8c
    }

    .phone_img_ p {
        line-height: 25px;
    }

    .phone_img_ img {
        max-width: 100%;
    }

    /* 我们的优势 */
    .ad_banner {
        background-size: 100% 100%;
    }

    .ad_indexone {
        width: 95%;
        margin: auto;
    }

    .ad_box {
        width: 100%;
        margin-bottom: 0px;
    }

    .phone_adtitle {
        display: block;
        margin-top: 20px;
        height: 105px;
    }

    .advantage_title {
        display: none;
    }

    .phone_adtitle div {
        border: 1px solid #adafbc;
        padding: 7px 10px 7px 10px;
        border-radius: 5px;
        font-size: 13px;
        text-align: center;
        float: left;
        margin: 5px;
    }

    .phone_adtitle .on {
        background: #ca2c39;
        color: #fff;
    }

    .advantage_con {
        margin-top: 0px;
    }

    .advantage_con {
        display: none;
    }

    .phone_adcon {
        display: block;
        width: 100%;
        clear: both;
        box-shadow: 0px 0px 15px #f4f4f4;
    }

    .phone_con_list {
        width: 90%;
        margin: auto;
        display: none;
    }

    .phonead_top {
        width: 100%;
        height: 25px;
        padding-top: 20px;
    }

    .phonead_top span {
        width: 3px;
        height: 25px;
        display: block;
        background: #cd2c36;
        float: left;
    }

    .phonead_top p {
        float: left;
        font-size: 20px;
        line-height: 25px;
        padding-left: 15px;
    }

    .phonead_top img {
        float: left;
        margin-left: 15px;
        margin-top: 0px;
        width: 25px;
        height: 25px;
    }

    .phonead_content {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .phonead_left {
        height: 25px;
    }

    .phonead_left span {
        width: 8px;
        height: 8px;
        display: block;
        border-radius: 50px;
        background: #cd2c36;
        float: left;
        margin-top: 11px;
    }

    .phonead_left p {
        float: left;
        font-size: 15px;
        padding: 5px 5px 15px 14px;
    }

    .phonead_content dl {
        clear: both;
        height: 125px;
    }

    .phonead_content dl dd {
        width: 40%;
        float: left;
    }

    .phonead_content dl dd img {
        width: 100%;
        height: 115px;
    }

    .phonead_content dl dt {
        width: 56%;
        float: right;
        font-size: 14px;
        color: #747474;
        line-height: 20px;
    }

    /* 联系我们 */
    .us_banner {
        background-size: 100% 100%;
    }

    .adress_top {
        display: none;
    }

    .us_adress {
        width: 100%;
        overflow: hidden;
    }

    .phoneadress_top {
        width: 100%;
        display: block;
    }

    .phoneadress_top img {
        width: 100%;
    }

    .adress_bottom {
        width: 100%;
    }

    .adress_bottom_one {
        width: 100%;
        height: 80px;
        margin-left: 0px;
        margin-top: 35px;
    }

    .adress_bottom_one dl {
        height: 70px;
        margin-left: 30px;
    }

    .adress_bottom_one dl dd {
        width: 70px;
        height: 70px;
        float: left;
    }

    .adress_bottom_one dl dd img {
        width: 100%;
    }

    .adress_bottom_one dl dt {
        text-align: left;
        font-size: 15px;
        float: left;
        line-height: 35px;
        padding-left: 10px;
        width: 70%;
    }

    .adress_bottom_one dl dt span {
        margin: 0px;
    }

    .service_hyaline {
        display: none;
    }

    .phone_ad1 {
        line-height: 25px !important;
    }

    .us_f {
        display: none;
    }

    .phoneus_f {
        width: 100%;
        border-radius: 5px;
        border-bottom: 4px solid #cc2934;
        display: block;
    }

    ._fidxleft1 {
        width: 95% !important;
        margin-left: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    ._fidxleft1 h3 {
        padding-bottom: 10px;
    }

    ._fidx1 {
        margin-top: 30px;
        color: #999999;
        font-weight: 400;
    }

    ._fidxleft1 p {
        padding-top: 2px;
    }

    ._fidxleft1 h3 {
        font-weight: 550;
    }

    .us_wd {
        display: none;
    }

    .phoneus_wd {
        width: 100%;
        display: block;
    }

    #map {
        width: 100% !important;
        height: 350px !important;
        border-radius: 10px;
    }

    /* 收费标准 */
    .tip_banner {
        background-size: 100% 100%;
    }

    .phone_adbox_one {
        width: 100%;
    }

    .ad_box {
        display: none;
    }

    .phone_title1 {
        display: block;
    }

    .phone_cars_top {
        width: 100%;
    }

    .phone-adbox {
        display: block;
    }

    #swiper6 {
        width: 100%;
        border: 1px solid #d3d3d3;
        position: relative;
        float: left;
        border-radius: 10px;
    }

    #swiper6 .hd {
        width: 100%;
        position: absolute;
        z-index: 1;
    }

    #swiper6 .bd li {
        float: left;
        width: 100%;
        border-radius: 5px;
    }

    .next6 {
        position: absolute;
        top: 135px;
        left: 9px;
    }

    .prev6 {
        position: absolute;
        top: 135px;
        right: 9px;
    }

    .carstop1 {
        border-bottom: 1px solid #d3d3d3;
        height: 200px;
    }

    .carstop1 h3 {
        display: block !important;
        font-size: 15px !important;
        float: left !important;
        padding-top: 10px !important;
        line-height: 22px !important;
    }

    .carstop1 h3 span {
        float: left !important;
        width: 8px !important;
        height: 8px !important;
        display: block !important;
        background: #cd2e39 !important;
        border-radius: 50px !important;
        margin: 8px 10px 0px 15px !important;
    }

    */ .carstop1 img {
        width: 65%;
        margin: 50px 53px 50px 53px !important;
    }

    .carstop2 {
        border-bottom: 1px solid #d3d3d3;
        height: 50px;
    }

    .carstop4 {
        height: 50px;
    }

    .carstop2 p {
        float: left;
        line-height: 50px !important;
        padding-left: 5px;
        padding-top: 0px !important;
    }

    .carstop2 span {
        float: right;
        line-height: 50px;
        padding-right: 10px;
        color: #ca2c39;
        font-size: 13px;
    }

    .carstop2_left {
        width: 50%;
        border-right: 1px solid #d3d3d3;
        height: 50px;
        float: left;
    }

    .carstop2_right {
        width: 49.5%;
        float: left;
        position: relative;
    }
    .floorselect{
      line-height: 30px;
    }
    .floorselect li{
        border-bottom: 1px solid #ddd;
        line-height: 30px !important;
    }
      .floorselect li b{
        float: right;
      }
       .floorselect li:last-child{
        border-bottom: 0px;
       }
       .needcar{
        font-size: 14px;
        text-align: left;
        line-height: 30px;
        margin-top: 5px;
       }
       .needcar span{
     
        padding-left: 15px;
        color:#646566;
       }
        .needcar::before {
            position: absolute;
            left: 8px;
            color: #ee0a24;
            font-size: 14px;
            content: '*';
        }
   
    .carstop2_left p {
        float: left;
        line-height: 50px !important;
        padding-left: 5px;
        padding-top: 0px !important;
    }

    .carstop2_left span {
        float: right;
        line-height: 50px;
        padding-right: 6px;
        color: #ca2c39;
        font-size: 13px;
    }

    .carstop2_right p {
        float: left;
        line-height: 50px !important;
        padding-left: 5px;
        padding-top: 0px !important;
    }

    .carstop2_right span {
        float: right;
        line-height: 50px;
        padding-right: 10px;
        color: #ca2c39;
        font-size: 12px;
    }

    .carstop3 span {
        float: left;
        width: 15%;
        font-size: 15px;
        padding-top: 6px;
    }

    .phonecars_cost {
        width: 100%;
        overflow: hidden;
    }

    .phonecars_cost1 {
        width: 100%;
        margin-top: 20px;
        border-radius: 5px;
        font-size: 15px;
        float: left;
        display: block;
        overflow: hidden;
    }

    .cars_cost1 {
        overflow: hidden;
        width: 100%;
        margin-top: 10px;
        border-radius: 5px;
        font-size: 15px;
        float: left;
    }

    .cars_cost1_top h3 {
        padding: 20px 10px 20px 15px;
    }

    .cars_cost1_top {
        border-left: 3px solid #d7454f;
        border-right: 1px solid #dcdcdc;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        width: 97.41%;
    }

    .cars_cost1_bottom2 {
        width: 98%;
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        float: left;
    }

    .cars_cost1_bottom2 p {
        padding: 20px 20px 20px 18px;
    }

    .cars_cost1_right p {
        padding: 20px 20px 20px 18px;
    }

    .cars_cost1_right1 p {
        padding: 20px 20px 20px 18px;
        line-height: 26px;
    }

    .cars_cost1_left {
        width: 98%;
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        float: left;
    }

    .cars_cost1_left p {
        float: left;
        width: 60%;
        padding-top: 20px;
        padding-left: 18px;
        padding-bottom: 20px;
        padding-right: 0px;
    }

    .cars_cost1_left span {
        float: right;
        width: 28%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 10px;
    }

    .cars_cost1_left1 p {
        float: left;
        width: 60%;
        padding-top: 20px;
        padding-left: 18px;
        padding-bottom: 20px;
        padding-right: 0px;
    }

    .cars_cost1_left1 span {
        float: right;
        width: 28%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 10px;
    }

    .cars_cost1_left2 {
        width: 98%;
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        float: left;
    }

    .cars_cost1_left3 {
        width: 98%;
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        float: left;
    }

    .cars_cost1_left2 p {
        float: left;
        width: 60%;
        padding-top: 20px;
        padding-left: 18px;
        padding-bottom: 20px;
        padding-right: 0px;
    }

    .cars_cost1_left2 span {
        float: right;
        width: 28%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 10px;
    }

    .cars_cost1_left31 {
        width: 100%;
    }

    .cars_cost1_left31 p {
        float: left;
        width: 60%;
        padding-top: 20px;
        padding-left: 18px;
        padding-bottom: 20px;
        padding-right: 0px;
    }

    .cars_cost1_left31 span {
        float: right;
        width: 28%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 10px;
    }

    .cars_cost1_left32 {
        width: 100%;
    }

    .cars_cost1_left32 p {
        float: left;
        width: 60%;
        padding-top: 20px;
        padding-left: 18px;
        padding-bottom: 20px;
        padding-right: 0px;
    }

    .cars_cost1_left32 span {
        float: right;
        width: 28%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 10px;
    }

    .cars_cost1_right {
        width: 98%;
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        float: left;
    }

    .cars_cost1_right1 {
        width: 98%;
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        float: left;
    }

    .cars_cost1_left1 {
        width: 98%;
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        float: left;
    }


    .cars_cost2 {
        display: none;
    }

    .phonecars_cost2 {
        display: block;
    }

    .phonecars_other {
        width: 100%;
    }

    .phone_note {
        width: 100%;
    }

    .cars_prompt_content {
        float: left;
        line-height: 25px;
        margin-top: 10px;
    }

    .cars_prompt_content span {
        width: 8px;
        height: 8px;
        display: block;
        background: #d7454f;
        float: left;
        border-radius: 50px;
        margin-top: 10px !important;
    }

    .cars_prompt_content p {
        line-height: 40px;
        display: block;
        margin-left: 15px;
    }

    .phonecars_top {
        border-left: 3px solid #d7454f;
        border-right: 1px solid #dcdcdc;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        width: 99.41%;
    }

    .phonecars_top h3 {
        padding: 20px 0px 20px 30px;
    }

    .phonecars_bottom1 {
        width: 100%;
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        float: left;
    }

    .phonecars_bottom1 p {
        padding: 20px 0px 20px 30px;
        float: left;
        color: #686868;
    }

    .phonecars_bottom1 span {
        float: right;
        padding: 20px 10px 20px 33px;
        color: #686868;
        font-weight: bold;
    }

    .phonecars_bottom2 {
        width: 100%;
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        float: left;
    }

    .phonecars_bottom2 p {
        padding: 20px 20px 20px 30px;
        color: #686868;
    }

    .emarks_right {
        float: right;
        width: 84%;
        font-size: 12px;
        color: #666666;
    }

    .carstop3 {
        float: left;
        margin-top: 10px;
    }

    .carstop3 {
        float: left;
        margin-top: 10px;
        width: 100%;
    }

    .pctricklx1 {
        display: block;
    }

    /*	  #tle{display: block;}*/



    /* service  服务项目 */
    .phone_service_box {
        display: block;
        width: 94%;
        margin: auto;
    }
    。.bd ul li p{
        font-size: 13px;
    }

    .phone_service-one {
        width: 100%;
        overflow: hidden;
    }

    ._detail-text h3 {
        font-size: 22px;
    }

    .service_Advantages {
        display: none;
    }

    .ad_all {
        display: none;
    }

    .service_banner {
        background-size: 100% 100%;
        /*margin-top: 60px;*/
    }

    .phone_service_nav {
        margin-top: 10px;
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }

    .phone_service_nav li {
        width: 25%;
        height: 40px;
        display: inline-block;
        border: 1px solid #adafbd;
        text-align: center;
        line-height: 40px;
        border-radius: 5px;
        font-size: 14px;
        margin: 2%;
    }

    .phone_service_nav li a {
        color: #adafbd
    }


    .phone_service_on {
        width: 25% !important;
        height: 40px !important;
        background: #cc2934;
        text-align: center !important;
        line-height: 40px !important;
        color: #fff !important;
        border: 1px solid #cc2934 !important;
    }

    .phone_service_on a {
        color: #fff !important;
    }

    #swiper7 {
        width: 100%;
        float: left;
    }

    #swiper7 .tempWrap {}

    #swiper7 .bd ul {
        width: 100%;
    }

    #swiper7 .bd ul li {
        width: 100%;
    }

    #swiper7 .bd ul li .sfbd-left {
        float: left;
        width: 50%;
        border-right: 1px solid #dcdcdc;
    }

    #swiper7 .bd ul li .sfbd-right {
        float: right;
        width: 49%;
    }

    #swiper7 .bd ul li dl dd {
        width: 100%;
    }

    #swiper7 .bd ul li dl dd img {
        width: 100px;
        height: 100px;
        margin-left: 35px;
        margin-top: 20px;
    }

    #swiper7 .bd ul li dl dt span {
        display: block;
        text-align: center;
        padding-top: 10px;
    }

    #swiper7 .bd ul li dl dt p {
        display: block;
        width: 75%;
        margin: auto;
        height: 150px;
    }

    #swiper7 .hd {
        margin-left: 40%;
        margin-top: 15px;
    }

    .phone_adbox {
        display: block;
        float: left;
    }

    .tips_but {
        float: left;
        margin-left: 20%;
    }

    .phone_ser {
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
        display: block;
    }

    .phone_serbox {
        width: 100%;
        background: lightcoral;
        clear: both;
    }

    .advantages_content {
        width: 98%;
        margin: 10px 0px 20px 3px;
    }

    .advantages_content span {
        padding: 10px 10px 10px 10px;
    }

    .advantages_content ul li {
        width: 30%;
        margin: 1.2%;
        padding: 5px 0px 5px 0px;
    }

    .advantages_content img {
        width: 140px;
        height: 112px;
        margin: 12px;
    }

    #leftTabBox2 {
        width: 100%;
        margin: 0 auto;
        position: relative;
        float: left;
    }

    .bd2 {
        width: 100%;
    }
    .phone_banner_li{
        width: 100%;
        height: 220px;
        background-size: cover !Important;
    }

    #leftTabBox2 .hd2 {
        width: 100%;
        height: 11px;
        z-index: 1;
        text-align: center;
    }

    #leftTabBox2 .hd2 li {
        display: inline-block;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #dcdcdc;
        color: #dcdcdc;
        margin: 0 5px;
        vertical-align: top;
        overflow: hidden;
        cursor: pointer;
    }

    #leftTabBox2 .hd2 li.on {
        background: #cc2934;
        color: #cc2934;
    }

    .phone_lc {
        width: 100%;
        background: #fafbff;
        overflow: hidden;
        display: block;
    }

    .flowpath_box {
        width: 1200px;
        margin: auto;
        margin-bottom: 50px;
    }

    .phone_lc dl {
        float: left;
        border: 1px solid #d2d2d2;
        border-radius: 5px;
        width: 99%;
        position: relative;
    }

    .phone_lc dl dd {
        float: left;
        margin: 25px 20px 25px 27px;
    }

    .phone_lc dl dd img {
        width: 84px;
        height: 84px;
    }

    /*.phone_lc dl dt{float: left;}*/
    .phone_lc dl dt span {
        display: block;
        padding: 32px 40px 20px 0px;
        font-size: 20px;
        font-weight: bold;
    }

    .phone_lc dl dt p {
        padding: 0px 10px 0px 0px;
    }

    .flow_img-bottom {
        margin: auto;
        display: block;
        position: inherit;
    }

    .phone_lcbox {
        margin-top: 10px !important;
        width: 90%;
        margin: auto;
        overflow: hidden;
        margin-bottom: 30px;
    }

    /* index首页 */
    .cometop {
        display: none;
    }

    .pcindexshow {
        display: none;
    }

    .all—phone {
        display: block;
        background: #f2f2f2
    }

    .tempWrap li span {
        line-height: 30px;
    }

    .phone_bannerimg li img {
        margin-top: 0px !important;
    }

    .tempWrap li {
        /*line-height: 20px;*/
    }

    .tempWrap li img {
        margin-top: 30px;
    }

    ._brief_box_title p {
        float: right;
    }

    /*手机下单部分代码*/
    .phone_order {
        width: 100vw;
        height: 100vh;
        background: #fff;
        position: fixed;
        overflow: hidden;
        z-index: 900;
    }

    .toporderlist {
        width: 96%;
        overflow: hidden;
        margin: 20px auto;
        margin-top: 100px;
    }

    .inner_order .con {
        width: 96%;
        margin: 20px auto;
    }

    .inner_order #showCity {
        position: absolute;
        top: -25px;
        right: -20px;
        width: 250px;
        height: 159px;
        z-index: 10000;
    }

    .inner_order .con .start {
        background: #ddd;
        height: 40px;
        width: 100%;
        margin-bottom: 10px;

    }
     .inner_order .address-one {
	    position: absolute;
	    width: 100%;
	    background:#fff;
	    left:0px;
	    top:-80px;
	    background-size: 100% 100%;
	}
	.inner_order .best-one{
		width: 90%;
	    background: #fff;
	    position: fixed;
	    z-index: 1000000;
	    left: 5%;
	    top: 15%;
	    box-shadow: 2px 2px 5px 2px #ddd;
	    border-radius: 10px;
	    display: none;
	}
	.inner_order .best-one .inner_add{
		min-height: 200px;
		max-height: 400px;
	}
	.inner_order .best-one .inner_add li{
		padding-left: 20px;
		line-height: 24px;
	}
	.top-title{
		line-height: 40px;
		text-align: center;
		border-bottom: 1px solid #ddd;
	}
	.closebar{
		width: 100%;
		border-top:1px solid #ddd;
		height: 40px;
	}
	.closebar a{
		padding: 5px 10px;
	    background-color: #cc2934;
	    text-align: center;
	    color: #fff;
	    border-radius: 5px;
	    display: block;
	    width: 40%;
	    margin: 10px auto;
	}
	.best-one-mask{
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.5);
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 10002;
		display: none;
	}
	.inner_order .bset-one{
		width: 100%;
		height: 300px;
		background: #fff;
		position: fixed;
		top: 30%;
		display: none;
	}

    .inner_order .cityNamePhone {
        height: 34px;
        width: 100%;
        margin-top: 1px;
        border-radius: 5px;
        float: left;
        margin-right: 1px;
        border:none;
    }
    .inner_order .regionNamePhone{
        height: 34px;
        width: 100%;
        margin-top: 1px;
        border-radius: 5px;
        float: left;
        margin-right: 1px;
        border:none;
    }



    .inner_order .con .city_start {
        display: block;
    }

    .inner_order .choose {
        position: absolute;
        top: -20px;
        width: 80%;
        left: 10%;
        height: 200px;
        background: #fff;
        border: 1px solid #ddd;
        /*box-shadow: 10px 10px 10px #ddd;*/
    }

    .inner_order .choose_one {
        width: 80%;
        height: 35px;
        margin: 0 auto;
        border-bottom: 1px solid #e6e6e6;
    }

    .inner_order .con .con_top_center {
        display: block;
        height: auto;
        float: left;
        margin-left: 0px;
        width: 100%;
    }

    .inner_order .con_top_left {
        height: 60px;
    }

    .inner_order .con .start input {
        height: 34px;
        width: 88%;
        margin-top: 1px;
        border-radius: 5px;
        float: right;
        margin-right: 1px;
    }
  

    .btn-one-phone {
    width: 70px;
    height: 25px;
    background: #ca2c39;
    margin: 10px auto;
    color: #fff;
    text-align: center;
    line-height: 25px;
    border-radius: 5px;
}

    .inner_order .start img {
        width: 5%;
    }
    .inner_order .radio-list{
    	width: 100%;
    }

    .inner_order .con .con1_top {
        width: 100%;

    }

    .con .con_top_left {
        width: 98%;
        margin: 10px auto;
    }

    .con .ct_l1 {
        color: #333;
    }


    .phone_banner {
        width: 100%;
        padding-top: 35px;
        clear: both;
        display: flex;
        justify-content: center;
    }

    .phone_bannerimg {
        width: 96%;
        margin-top: 35px;
        border-radius: 10px;
    }

    .phone_bannerimg #leftTabBox2 {
        width: 100%;
        position: relative;
    }

    .phone_bannerimg #leftTabBox2 .bd2 {
        width: 100%;
    }

    .phone_bannerimg #leftTabBox2 .bd2 ul li img {
        width: 100%;
       /* height: 150px;*/
    }

    .phone_bannerimg #leftTabBox2 .bd2 .tempWrap {
        border-radius: 10px;
    }

    .phone_bannerimg #leftTabBox2 .hd2 {
        position: absolute;
        bottom: 8px;
    }

    .phone_indexone {
        width: 100%;
        background: #f5f5f7;
        overflow: hidden;
    }

    .phone_idx1 {
        width: 96%;
        margin: auto;
    }

    .phone_promise {
        width: 90%;
        margin: auto;
        clear: both;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .phone_promise dl {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

    .phone_promise dl dd {
        float: left;
        width: 15%;
    }

    .phone_promise dl dt {
        float: right;
        width: 80%;
    }

    .phone_promise dl dt span {
        display: block;
        font-size: 18px;
        color: #000000;
        padding-bottom: 10px;
    }

    .phone_promise dl dt {
        font-size: 15px;
        color: #8a8a8a;
    }

    .phone_indextwo {
        width: 100%;
        overflow: hidden;
    }

    .phone_idx2 {
        width: 96%;
        margin: auto;
        margin-top: 40px;
    }

    .phone_gotegory {
        width: 100%;
        background: #fff;
        padding-bottom: 20px;
        border-radius: 10px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .phone_gotegory dl {
        width: 22%;
        margin-top: 20px;
        margin-left: 1%;
        margin-bottom: 1%;
    }

    .phone_gotegory dl dd {
        margin: auto;
    }

    .phone_gotegory dl dd img {
        width: 30px;
        height: 30px;
        margin-top: 9px;
        margin-left: 10px;
    }

    .phone_gotegory dl dt {
        text-align: center;
        padding-top: 5px;
    }

    .phone_gotegory dl a dt {
        color: #000;
        margin-top: 10px;
    }

    .phone_indexthree {
        width: 100%;
        overflow: hidden;
    }

    .phone_idx3 {
        width: 96%;
        margin: auto;
    }

    #leftTabBox4 {
        width: 100%;
        margin: 0 auto;
        position: relative;
        float: left;
        background: #fff;
        border-radius: 10px;
    }

    #leftTabBox4 .bd4 {
        width: 100%;
        margin-bottom: 10px;
        box-shadow: 0px 0px 5px #f3f3f3;
        border-radius: 10px;
    }

    #leftTabBox4 .bd4 ul li {
        width: 100%;
    }

    #leftTabBox4 .hd4 {
        width: 100%;
        height: 11px;
        z-index: 1;
        text-align: center;
        margin-bottom: 10px;
    }

    #leftTabBox4 .hd4 li {
        display: inline-block;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #dcdcdc;
        color: #dcdcdc;
        margin: 0 5px;
        vertical-align: top;
        overflow: hidden;
        cursor: pointer;
    }

    #leftTabBox4 .hd4 li.on {
        background: #cc2934;
        color: #cc2934;
    }

    #leftTabBox10 {
        width: 100%;
        margin: 0 auto;
        position: relative;
        float: left;
        background: #fff;
        border-radius: 10px;
    }

    #leftTabBox10 .bd10 {
        width: 100%;
        margin-bottom: 20px;
        box-shadow: 0px 0px 5px #f3f3f3;
        border-radius: 10px;
    }

    #leftTabBox10 .bd10 ul li {
        width: 100%;
    }

    #leftTabBox10 .hd10 {
        width: 100%;
        height: 11px;
        z-index: 1;
        text-align: center;
        margin-bottom: 10px;
    }

    #leftTabBox10 .hd10 li {
        display: inline-block;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #dcdcdc;
        color: #dcdcdc;
        margin: 0 5px;
        vertical-align: top;
        overflow: hidden;
        cursor: pointer;
    }

    #leftTabBox10 .hd10 li.on {
        background: #cc2934;
        color: #cc2934;
    }

    .phone_idx3_content {
        width: 90%;
        margin: auto;
    }

    .phone_idx3_content img {
        margin-top: 10px !important;
    }

    .mabout_img {
        width: 100%;
        height: 200px;
        background-size: cover;
    }

    .phone_idx3_content dd {
        float: left;
        width: 10%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .phone_idx3_content dt {
        float: right;
        width: 80%;
        color: #808080;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .phone_idx3_content dt span {
        display: block;
        font-size: 18px;
        color: #000000;
        padding-bottom: 5px;
    }

    .phone_indexfour {
        width: 100%;
        overflow: hidden;
        margin-top: 10px;
    }

    .phone_idx4 {
        width: 96%;
        margin: auto;
    }

    .phone_idx4 h3 {
        clear: both;
        font-size: 15px;
    }

    .phone_indexfour_title {
        clear: both;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .phone_indexfour_con {
        clear: both;
        margin-top: 10px;
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
        background: #fff;
        overflow: hidden;
        border-radius: 10px;
    }

    .phone_indexfour_list {
        display: none;
    }

    .phone_indexfour_list {
        width: 100%;
    }

    .phone_indexfour_title div {
        width: 20%;
        height: 40px;
        float: left;
        border: 1px solid #adafbd;
        display: inline;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        line-height: 40px;
        color: #555;
        cursor: pointer;
        border-radius: 5px;
    }

    .phone_indexfour_title a,
    .phone_indexfour_title a:link,
    .phone_indexfour_title a:visited,
    .phone_indexfour_title a:hover {
        color: #555;
        width: 131px;
        height: 44px;
        display: inline-block
    }

    .phone_indexfour_title div.on a,
    .phone_indexfour_title div.on a:link,
    .phone_indexfour_title div.on a:visited,
    .phone_indexfour_title div.on a:hover {
        color: #f70
    }

    .phone_indexfour_title div.on {
        width: 20%;
        height: 40px;
        background: #cc2934;
        border-color: #cc2934;
        text-align: center;
        line-height: 40px;
        color: #fff;
    }

    .phone_indexfour_list #swiper7 .hd {
        margin: 0;
    }

    .phone_indexfour_con .tempWrap li span {
        line-height: 50px;
    }

    .phone_indexsix .el-card__body {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 5%;
        width: 90%;
    }

    .city-list {
        box-shadow: 3px 3px 5px #ddd;

    }

    .phone_indexfour_list #swiper7 {
        position: relative;
    }

    .phone_indexfour_list #swiper7 .hd .next7 {
        position: absolute;
        top: 100px;
        left: 10px;
    }

    .phone_indexfour_list #swiper7 .hd .prev7 {
        position: absolute;
        top: 100px;
        right: 10px;
    }

    .phone_indexfour_list .phonecars_cost1 {
        width: 99%;
    }

    .phone_indexfive {
        width: 100%;
        overflow: hidden;
        background: url(../images/more5_02.png)no-repeat;
        background-size: 100% 100%;
    }

    .phone_idx5 {
        width: 96%;
        margin: auto;
        overflow: hidden;
    }

    .phone_idx5_more {
        clear: both;
        text-indent: 30px;
        padding-bottom: 20px;
    }

    .phone_idx5_more p {
        -webkit-box-orient: vertical;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
    }

    .phone_idx5_more a {
        color: #ca2c39;
        padding-left: 2px;
    }

    .phone_idx5_cd {
        margin: auto;
        box-shadow: 0px 0px 5px #f3f3f3;
        overflow: auto;
        margin-bottom: 20px;
    }

    .phone_idx5_text {
        width: 100%;
        margin: auto;
        overflow: hidden;
    }

    .phone_idx5_text span {
        display: block;
        background: #c43f48;
        width: 70px;
        height: 2px;
    }

    .phone_idx5_text h3 {
        padding-top: 15px;
        padding-bottom: 15px;
        font-weight: bold;
    }

    .phone_idx5_text p {
        color: #808080;
        line-height: 30px;
        padding-bottom: 20px;
    }

    .phone_idx5_text h4 {
        text-align: center;
        font-size: 18px;
        color: #c44048;
        padding-bottom: 30px;
    }

    .phone_indexsix {
        width: 100%;
        overflow: hidden;
    }

    .phone_idx6 {
        width: 96%;
        margin: auto;
    }

    .morepic {
        margin-top: 0px !important;
    }

    .phone_idx6 .ck {
        padding-top: 3px;
    }

    .cars_prompt_content div {
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .cars_prompt_content div h4 {
        float: right;
        display: block;
        width: 93%;
        padding-left: 0px !important;
    }

    .inqcard input {
        border: 1px solid #fff !important;
        padding: 0 0px !important;
    }

    .ad_indexone .el-card {
        border-top: 1px solid #FFFFFF !important;
        border-bottom: 1px solid #dadada !important;
        border-left: 1px solid #FFFFFF !important;
        border-right: 1px solid #FFFFFF !important;
    }


    .serviceone {
        display: none;
    }

    .card_h5show {
        display: block;
        width: 100%;
        margin-top: 35px;
    }

    .pc_order {
        display: none;
    }

    .inbox-main {
        width: 100% !important;
        padding: 0px !important;
        overflow: hidden;
    }

    .el-card__header {
        padding: 15px 2px;
        border-bottom: 1px solid #dbdbdb !important;
    }

    .w270 {
        width: 200px !important;
    }

    .inhead2 {
        font-weight: bold;
        padding-top: 20px !important;
        padding-bottom: 10px !important;
        padding-left: 0px !important;
        padding-right: 12px !important;
        font-size: 15px !important;
    }

    .bigpic {
        width: 136px !important;
        height: 67px !important;
        margin: 15px;
        float: left;
        padding-right: 0px !important;
        margin-bottom: 30px;
    }

    .inq_text {
        width: 50%;
        float: right;
    }

    .phone—moneydiv {
        padding-top: 1px;
        line-height: 40px;
        text-align: center;
        font-size: 17px;
        float: left;
    }

    .phone—moneydiv span {
        color: #ca2c39;
        font-weight: bold;
    }

    .inq_box {
        overflow: hidden;
        width: 100%;
    }

    .inq_r {
        overflow: hidden;
        border-bottom: 1px solid #dcdcdc;
        clear: both;
    }

    .inq_r span {
        padding: 15px 10px 15px 10px;
        float: left;
        color: #999999;
        width: 35%;
    }

    .inq_r p {
        padding: 15px 10px 15px 10px;
        float: right;
        width: 50%;
        text-align: right;
    }

    .w200 {
        width: 100% !important;
    }

    .el-card {
        box-shadow: 0px 0px 0px #fff !important;
    }

    .el-dialog {
        width: 300px !important;
    }

    .button3 {
        float: right;
        margin: 10px 5px !important;
    }

    .phone_idx6 .el-card {
        border-top: 1px solid #FFFFFF !important;
        border-bottom: 1px solid #dadada !important;
        border-left: 1px solid #FFFFFF !important;
        border-right: 1px solid #FFFFFF !important;
    }

    .phone_idx6 .el-card .boxhead4 {
        margin-bottom: 15px;
    }

    /* .button3{ margin: 9px 7px!important;color: #cc2934 !important;border: 1px solid #cc2934 !important;	float: right;}
			.el-card{box-shadow: 0px 0px 0px #fff !important;} */
}




@media screen and (max-width: 415px) {
    .charges_top p{
        font-size: 20px;
    }
    /* .cars_box2 p{float: left;height: 47px  !important;padding-left: 30px;line-height: 47px !important;padding-top: 0px !important;}
	.cars_box2 span{float: right;background: none  !important;font-size: 15px;line-height: 47px;color: #cd2e38;text-align: right;padding-right: 30px;} */
}

@media screen and (max-width: 376px) {}

/* ----------- iPhone 5 ----------- */
@media only screen and (min-width: 320px) and (max-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {

    /* 关于我们 */
    .phone_brief_box .dl_title {
        padding-left: 30px;
    }

    #picBox li img {
        width: 55%;
        height: 154px;
    }

    ._course_left3 span {
        height: 89px;
    }

    ._course_left1 span {
        height: 129px;
    }

    /* 服务标准 */
    .advantages_content span {
        font-size: 15px;
        padding: 6px 6px 6px 6px;
    }

    .advantages_content img {
        width: 120px;
        height: 92px;
        margin: 9px;
    }

    .tips_but {
        margin-left: 20%;
        width: 150px;
        height: 40px;
        line-height: 40px;
    }

    /* 首页index */
    .phone_gotegory dl dt {
        font-size: 12px;
    }

    .phone_gotegory dl dd img {
        width: 37px;
        height: 30px;
        margin-left: 8px;
    }

    .phone_indexfour_title div {
        font-size: 10px
    }

    .mbmenu ul li {
        height: 40px;
        line-height: 40px;
    }
 

    .mbmenu {
        height: 450px;
    }

    #swiper7 .bd ul li dl dt p {
        display: block;
        width: 75%;
        margin: auto;
        height: 150px;
        font-size: 13px;
    }

    #swiper7 .bd ul li dl dd img {
        margin-left: 20px;
    }

    #swiper7 .hd {
        margin-left: 38%;
    }

    .bigpic {
        width: 105px !important;
        height: 50px !important;
        margin: 15px;
    }

    .inq_text {
        width: 52%;
        float: right;
    }

    .inhead2 {
        padding: 13px 0 !important;
        font-size: 14px !important;
    }

    .w270 {
        width: 200px;
    }

    .el-card__header {
        padding: 18px 4px !important;
    }

    .tpshow {
        margin-top: 22%;
    }

    .box-head2 {
        width: 82%;
    }

    .trick—content span {
        width: 57%;
    }

    .inqcard input {
        border: 1px solid #fff !important;
        padding: 0 0px !important;
    }

    .el-dialog--center .el-dialog__body {
        padding: 25px 15px 30px !important;
    }

    .inqcard {
        width: 69% !important;
    }

    .advantages_content ul li {
        font-size: 10px;
    }

    .cars_prompt_content div h4 {
        float: right;
        display: block;
        width: 92%;
    }

    .carstop3 span {
        width: 17%;
    }

    .cars_prompt_content div span {
        display: block;
        width: 8px;
        height: 8px;
        background: #cc2934;
        border-radius: 50px;
        float: left;
        margin-top: 8px;
        margin-right: 10px;
    }

    .phone_adv_bg {
        width: 120px !important;
        height: 112px !important;
        float: left;
        margin-top: 12px !important;
        margin-left: 10px !important;
    }

    .phone_adv_bg2 {
        width: 250px !important;
    }

    /* .choosedd{position: absolute; width: 200px;  height: 190px; background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);top: 52px; left: -17px} */

}

/* ----------- iPhone 6 ----------- */
@media only screen and (min-height: 375px) and (max-height: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .phone_adv_bg {
        width: 150px !important;
        height: 112px !important;
        float: left;
        margin-top: 12px !important;
        margin-left: 10px !important;
    }

    .phone_adv_bg2 {
        width: 300px !important;
    }


}

/* ----------- iPhone 6p----------- */
@media only screen and (min-width: 414px) and (max-height: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    .phone_adv_bg {
        width: 168px !important;
        height: 112px !important;
        float: left;
        margin-top: 12px !important;
        margin-left: 10px !important;
    }

    .phone_adv_bg2 {
        width: 337px !important;
    }


}